<!DOCTYPE html>
<html class="x-admin-sm">
  <head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="__ADMIN__/css/font.css">
    <link rel="stylesheet" href="__ADMIN__/css/xadmin.css">
    <script type="text/javascript" src="__ADMIN__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__ADMIN__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__ADMIN__/js/xadmin.js"></script>
    <script type="text/javascript" src="__ADMIN__/js/cookie.js"></script>
    <link rel="stylesheet" href="/static/admin/css/font.css">
    <link rel="stylesheet" href="/static/admin/css/font-awesome.min.css">
    <style>
        .layui-form-item .layui-form-label{
            width: 120px;
        }
        .layui-form-item .layui-textarea{
            width: 190px;
        }
        #phone-one-div {display: none}
        .layui-anim {z-index: 99999 !important}
    </style>
  </head>
  
  <body>
    <div class="x-body">
        <form class="layui-form">

          <div class="layui-form-item">
              <label for="activity_venues" class="layui-form-label">
                  <span class="x-red">*</span>部门
              </label>
              <div class="layui-input-inline" >
                  <select name="department_id" class="province-selector" lay-search data-value="{$data.department_id}" lay-verify="required" required>
                      <option value="">请选择部门</option>
                      <option value="1" {if condition="$data.department_id == 1"}selected{/if}>技术部</option>
                      <option value="2" {if condition="$data.department_id == 2"}selected{/if}>行政部</option>
                      <option value="3" {if condition="$data.department_id == 3"}selected{/if}>营销部</option>
                  </select>
              </div>
          </div>

            <div class="layui-form-item">
                <label for="activity_venues" class="layui-form-label">
                    <span class="x-red">*</span>设备名称
                </label>
                <div class="layui-input-inline" >
                    <select name="device_id" class="province-selector" lay-search data-value="{$data.device_id}" lay-verify="required" required>
                        <option value="">请选择设备</option>
                        <option value="1" {if condition="$data.device_id == 1"}selected{/if}>电脑主机</option>
                        <option value="2" {if condition="$data.device_id == 2"}selected{/if}>显示器</option>
                        <option value="3" {if condition="$data.device_id == 3"}selected{/if}>饮水机</option>
                        <option value="4" {if condition="$data.device_id == 4"}selected{/if}>空调</option>
                        <option value="5" {if condition="$data.device_id == 5"}selected{/if}>冰箱</option>
                        <option value="6" {if condition="$data.device_id == 6"}selected{/if}>打印机</option>
                        <option value="7" {if condition="$data.device_id == 7"}selected{/if}>其它</option>
                    </select>
                </div>
            </div>

          <div class="layui-form-item">
              <label for="device_type_num" class="layui-form-label">
                  <span class="x-red">*</span>设备型号
              </label>
              <div class="layui-input-inline">
                  <input type="text" value="{$data.device_type_num}" id="device_type_num" name="device_type_num" lay-verify="required" autocomplete="off" class="layui-input">
              </div>
          </div>

          <div class="layui-form-item">
              <label for="device_num" class="layui-form-label">
                  <span class="x-red">*</span>设备编号
              </label>
              <div class="layui-input-inline">
                  <input type="text" value="{$data.device_num}" id="device_num" name="device_num" lay-verify="required" autocomplete="off" class="layui-input">
              </div>
          </div>

          <div class="layui-form-item">
              <label for="enable_time" class="layui-form-label">
                  <span class="x-red">*</span>启用时间
              </label>
              <div class="layui-input-inline">
                  <input type="text" lay-verify="required" required="" value="{if condition="$data.enable_time"}{:date('Y-m-d H:i:s',$data.enable_time)}{/if}" id="enable_time" name="enable_time" autocomplete="off" class="layui-input">
              </div>
          </div>

            <div class="layui-form-item">
                <label for="belong_to_personal" class="layui-form-label">
                    <span class="x-red">*</span>负责人
                </label>
                <div class="layui-input-inline" >
                    <select name="belong_to_personal" class="province-selector" lay-search data-value="{$data.belong_to_personal}" lay-verify="required" required>
                        <option value="">请选择负责人</option>
                        {volist name="admin_list" id="value"}
                            <option value="{$value.id}" {if condition="$value.id == $data.admin_id"} selected {/if}>
                                {$value.username}
                            </option>
                        {/volist}
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="">
                    <div id="div1">{$data.remarks}</div>
                    <textarea name="remarks" id="remarks" style="display:none">{$data.remarks}</textarea>
                </div>
            </div>


          <div class="layui-form-item">
              <label for="L_repass" class="layui-form-label">
              </label>
              <button type="button" class="layui-btn" lay-filter="add" lay-submit="">
                  确定
              </button>
          </div>
      </form>
    </div>

    <script src="/static/admin/js/wangEditor.min.js"></script>
    <script>
        const E = window.wangEditor
        const editor = new E('#div1');
        const $text1 = $('#remarks');
//        alert($text1.val())
        editor.config.onchange = function (html) {
            $text1.val(html);
//            alert(html)
        }
        editor.config.placeholder = '备注信息...';
        editor.config.height = 150;
        editor.config.menus = [
            'bold',
            'fontSize',
            'underline',
            'strikeThrough',
            'indent',
            'foreColor',
            'backColor',
            'justify',
            'undo',
            'redo',
        ];
        editor.create();
        $text1.val(editor.txt.html())

    layui.use(['form','layer','laydate','upload','layarea','rate'], function(){
          $ = layui.jquery;
          var form = layui.form
          ,layer = layui.layer
          ,laydate = layui.laydate
          ,upload = layui.upload
          ,layarea = layui.layarea
          ,rate = layui.rate;

            laydate.render({
              elem: '#enable_time'
              ,type: 'datetime'
            });

          //监听提交
        form.on('submit(add)', function(data){
            $.ajax({
                type:'POST',
                dataType:'json',
                data:data.field,
                success:function(obj){
                      layer.alert(obj.msg, {icon: obj.icon},function(){
                        // 获得frame索引
                        var index = parent.layer.getFrameIndex(window.name);
                        //关闭当前frame
                        parent.layer.close(index);
                        // 可以对父窗口进行刷新 
                        x_admin_father_reload();
                      });    
                }
            });
            return false;
        });

    });
    </script>
  </body>

</html>